<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>前端作业练习</title>
    <meta name="author" content="Alvaro Trigo Lopez" />
    <meta name="description" content="fullPage plugin by Alvaro Trigo. Pure javascript version of full screen slider." />
    <meta name="keywords" content="fullpage,jquery,alvaro,trigo,plugin,fullscren,screen,full,iphone5,apple,pure,javascript,slider,hijacking" />
    <meta name="Resource-type" content="Document" />
    <link rel="stylesheet" type="text/css" href="javascript.fullPage.css" />
    <style>
    /* Reset CSS
         * --------------------------------------- */

    body,
    div,
    dl,
    dt,
    dd,
    ul,
    ol,
    li,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    pre,
    form,
    fieldset,
    input,
    textarea,
    p,
    blockquote,
    th,
    td {
        padding: 0;
        margin: 0;
    }

    a {
        text-decoration: none;
    }

    table {
        border-spacing: 0;
    }

    fieldset,
    img {
        border: 0;
    }

    address,
    caption,
    cite,
    code,
    dfn,
    em,
    strong,
    th,
    var {
        font-weight: normal;
        font-style: normal;
    }

    strong {
        font-weight: bold;
    }

    ol,
    ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    caption,
    th {
        text-align: left;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: normal;
        font-size: 100%;
        margin: 0;
        padding: 0;
        color: #333;
    }

    q:before,
    q:after {
        content: '';
    }

    abbr,
    acronym {
        border: 0;
    }
    /* Custom CSS
         * --------------------------------------- */

    body {
        font-family: arial, helvetica;
        color: #F2F2F2;
    }

    h1 {
        font-size: 6em;
    }

    p {
        font-size: 2em;
    }

    .content {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
    }
    /* Section 1
         * --------------------------------------- */

    #section0 {
        margin: 0;
        background-image: url('http://dkla.gitee.io/third_assignments/images/4.jpg');
        background-repeat: no-repeat;
        background-position: 0% 0%;
        background-size: cover;
        background-color: #22C3AA;
        
    }
    #section0 h1 {
        color: black;
    }

    #section0 p {
        color: #333;
        opacity: 0.4;
    }
    /* Section 2
         * --------------------------------------- */

    #section1 {
        margin: 0;
        background-image: url('http://dkla.gitee.io/third_assignments/images/a.jpg');
        background-repeat: no-repeat;
        background-position: 0% 0%;
        background-size: cover;
        background-color: #22C3AA;
        opacity:0.8;
    }

    #section1 h1 {
        color: blue
    }

    #section1 p {
        opacity: 0.8;
    }
    /* Section 3
         * --------------------------------------- */

    #section2 {
        margin: 0;
        background-image: url('http://dkla.gitee.io/third_assignments/images/4.jpg');
        background-repeat: no-repeat;
        background-position: 0% 0%;
        background-size: cover;
        background-color: #22C3AA;
    }

    #section2 h1 {
        color: violet;
    }

    #section2 p {
        opacity: 0.6;
    }
    </style>
</head>

<body>
    <div style="display:none"><img src="images/a.jpg"></div>
    <div id="Layer1" style="position:absolute; width:100%; height:100%; background-color: #22C3AA; z-index:-1">
        
    </div>
    <div id="fullpage">
        <div class="section " id="section0">
            <div class="content">
                <h1>前端作业</h1>
                <p>作业</p>
            </div>
        </div>
        <div class="section" id="section1">
            <div class="slide" id="slide1">
                <div class="content">
                    <h1>作业</h1>
                    <p>
                        点击右边三角标查看
                    </p>
                    
                </div>
            </div>
            <div class="slide" id="slide2">
                <div class="content">
                    <h1> <li><a href="http://dkla.gitee.io/second_assignments" target="showframe">第一次作业</a></li>
                </h1>
                    <p>
                        点击查看
                    </p>
                </div>
            </div>
            <div class="slide" id="slide2">
                <div class="content">
                    <h1><li><a href="http://dkla.gitee.io/cool/" target="showframe">第二次作业</a></li></h1>
                </div>
            </div>
            <div class="slide" id="slide2">
                <div class="content">
                    <h1><li><a href="http://dkla.gitee.io/first_assignment/" target="showframe">第三次作业</a></li></h1>
                </div>
            </div>
            <div class="slide" id="slide2">
                <div class="content">
                    <h1><li><a href="css\css.html" target="showframe">第四次作业</a></li></h1>
                </div>
            </div>
            <div class="slide" id="slide2">
                <div class="content">
                    <h1><li><a href="css2\css1.html" target="showframe">第五次作业</a></li></h1>
                </div>
            </div>
            <div class="slide" id="slide2">
                <div class="content">
                    <h1><li><a href="6\06.html" target="showframe">第六次作业</a></li></h1>
                </div>
            </div>
            <div class="slide" id="slide2">
                <div class="content">
                    <h1><li><a href="pr\3.pdf" target="showframe">作品</a></li></h1>
                </div>
            </div>
            <div class="slide" id="slide2">
                <div class="content">
                    <h1><li><a href="08\index.html" target="showframe">第八次作业</a></li></h1>
                </div>
            </div>
            <div class="slide" id="slide2">
                <div class="content">
                    <h1><li><a href="9\index.html" target="showframe">第九次作业</a></li></h1>
                </div>
            </div>
            <div class="slide" id="slide2">
                <div class="content">
                    <h1><li><a href="10\10.html" target="showframe">第10次作业</a></li></h1>
                </div>
            </div>
            <div class="slide" id="slide2">
                <div class="content">
                    <h1> <li><a href="11\index.html" target="showframe">第11次作业</a></li></h1>
                </div>
            </div>
            <div class="slide" id="slide2">
                <div class="content">
                    <h1> <li><a href="12\filter.html" target="showframe">期中作业 第12次作业</a></li></h1>
                </div>
            </div>
            <div class="slide" id="slide2">
                <div class="content">
                    <h1> <li><a href="pr\3.pdf" target="showframe">作品集</a></li></h1>
                </div>
            </div>
            <div class="slide" id="slide2">
                <div class="content">
                    <h1> <li><a href="13\index.html" target="showframe">第13次作业</a></li></h1>
                </div>
            </div>
            <div class="slide" id="slide2">
                <div class="content">
                    <h1><li><a href="http://dkla.gitee.io/third_assignments\xuexi\frame_a.html" target="showframe">期末作业</a></li></h1>
                </div>
            </div>
        </div>
        <div class="section" id="section2">
            <div class="content">
                <h1>谢谢观看</h1>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="javascript.fullPage.js"></script>
    <script type="text/javascript">
    fullpage.initialize('#fullpage', {
        anchors: ['firstPage', 'secondPage', '3rdPage', '4thpage', 'lastPage'],
        menu: '#menu',
        css3: true
    });
    </script>
</body>

</html>